<div class="layui-card-body padding-left-40" style="overflow-scrolling: auto">

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">用户账号</b></legend>
        <div class="layui-row layui-col-space15">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs2 text-center">
                    <img width="90" height="90" src="{$userBase.avatar}" alt=""/>
                </div>
                <div class="layui-col-xs4">
                    <label class="block relative">
                        <span class="color-green font-w7">用户昵称</span>
                        <span class="color-desc margin-left-5">Login Username</span>
                        <input disabled value='{$userBase.username|default="暂未填写"}' required
                               class="layui-input border-bottom-line">
                        <span class="help-block">用户昵称</span>
                    </label>
                </div>
                <div class="layui-col-xs4">
                    <label class="relative block">
                        <span class="color-green font-w7">联系手机</span><span class="color-desc margin-left-5">Contact Mobile</span>
                        <input type="tel" disabled maxlength="11" value='{$userBase.phone|default=""}'
                               pattern="^1[3-9][0-9]{9}$" class="layui-input">
                        <span class="color-desc">用户常用的联系手机号</span>
                    </label>
                </div>
                <div class="layui-col-xs2">
                    <label class="relative block">
                        <span class="color-green font-w7">性别</span><span class="color-desc margin-left-5">SEX</span>
                        <input disabled value='{$userBase.sex ? $userBase.sex|getSex : "暂未填写"}'
                               class="layui-input">
                        <span class="color-desc">用户性别</span>
                    </label>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">注册时间</span><span
                        class="color-desc margin-left-5">Create Time</span>
                    <input disabled value='{$userBase.create_time|date="Y-m-d H:i:s"}' class="layui-input">
                    <span class="color-desc">用户注册时间</span>
                </label>
            </div>
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">上次登录时间</span><span class="color-desc margin-left-5">Last Login Time</span>
                    <input disabled value='{$userBase.login_time|date="Y-m-d H:i:s"}' class="layui-input">
                    <span class="color-desc">用户上次登录时间</span>
                </label>
            </div>
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">上次登录IP</span><span
                        class="color-desc margin-left-5">Last Login IP</span>
                    <input disabled value='{$userBase.login_ip|default="暂无记录"}' class="layui-input">
                    <span class="color-desc">用户上次登录IP</span>
                </label>
            </div>
        </div>
    </fieldset>

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">用户房产信息</b></legend>
        {foreach $userHouse as $key=>$vo}
        <span class="layui-badge">{$vo.village|getFloor}-{$vo.unit|getFloor}-{$vo.floor|getFloor}-{$vo.house|getFloor}</span>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">小区</span><span class="color-desc margin-left-5">Village</span>
                    <input disabled value='{$vo.village|getFloor}' class="layui-input">
                    <span class="color-desc">用户所在小区</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">楼幢</span><span class="color-desc margin-left-5">No</span>
                    <input disabled value='{$vo.unit|getFloor}' class="layui-input">
                    <span class="color-desc">用户所在楼幢</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">单元</span><span class="color-desc margin-left-5">Unit</span>
                    <input disabled value='{$vo.floor|getFloor}' class="layui-input">
                    <span class="color-desc">用户所在单元</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">房间号</span><span class="color-desc margin-left-5">House</span>
                    <input disabled value='{$vo.house|getFloor}' class="layui-input">
                    <span class="color-desc">用户所在房间号</span>
                </label>
            </div>

            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">姓名</span><span class="color-desc margin-left-5">Name</span>
                    <input disabled value='{$vo.name|default=""}' class="layui-input">
                    <span class="color-desc">用户姓名</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">业主类型</span><span class="color-desc margin-left-5">Type</span>
                    <input disabled value='{$vo.type|getUserType}' class="layui-input">
                    <span class="color-desc">用户业主类型</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">是否默认</span><span class="color-desc margin-left-5">Default</span>
                    <span class="layui-input">
                        {eq name='vo.default' value='1'}<span class="layui-badge layui-bg-green">是</span>{else}<span
                            class="layui-badge layui-bg-gray">否</span>{/eq}
                    </span>
                    <span class="color-desc">住址是否默认</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">状态</span><span class="color-desc margin-left-5">Status</span>
                    <span class="layui-input">
                    {eq name='vo.status' value='1'}<span class="layui-badge layui-bg-green">通过</span>{/eq}
                    {eq name='vo.status' value='0'}<span class="layui-badge layui-bg-orange">待审核</span>{/eq}
                    {eq name='vo.status' value='-1'}<span class="layui-badge layui-bg-red">未通过</span>{/eq}
                    </span>
                    <span class="color-desc">房屋状态</span>
                </label>
            </div>

            <hr class="hr-line-dashed"/>
        </div>

        {/foreach}
        {empty name='userHouse'}<span class="notdata">没有记录哦</span>{/empty}
    </fieldset>

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">用户车位信息</b></legend>
        {foreach $userPark as $key=>$vo}
        <span class="layui-badge">{$vo.park|getPark}</span>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">车位号</span><span class="color-desc margin-left-5">Park</span>
                    <input disabled value='{$vo.park|getPark}' class="layui-input">
                    <span class="color-desc">用户车位号</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">姓名</span><span class="color-desc margin-left-5">Name</span>
                    <input disabled value='{$vo.name|default=""}' class="layui-input">
                    <span class="color-desc">用户姓名</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">业主类型</span><span class="color-desc margin-left-5">Type</span>
                    <input disabled value='{$vo.type|getUserType}' class="layui-input">
                    <span class="color-desc">用户业主类型</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">时间</span><span class="color-desc margin-left-5">DuringTime</span>
                    <input disabled value='{$vo.start_time|timeSub}-{$vo.end_time|timeSub}' class="layui-input">
                    <span class="color-desc">车位时间</span>
                </label>
            </div>
            <hr class="hr-line-dashed"/>
        </div>

        {/foreach}
        {empty name='userPark'}<span class="notdata">没有记录哦</span>{/empty}
    </fieldset>

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">用户车辆信息</b></legend>
        {foreach $userCar as $key=>$vo}
        <span class="layui-badge">{$vo.park|getPark}</span>
        <div class="layui-row layui-col-space15">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs2 text-center">
                    <img width="90" height="90" src="{$vo.image}" alt=""/>
                </div>
                <div class="layui-col-xs2">
                    <label class="relative block">
                        <span class="color-green font-w7">车位号</span><span class="color-desc margin-left-5">Park</span>
                        <input disabled value='{$vo.park|getPark}' class="layui-input">
                        <span class="color-desc">用户车位号</span>
                    </label>
                </div>
                <div class="layui-col-xs2">
                    <label class="relative block">
                        <span class="color-green font-w7">姓名</span><span class="color-desc margin-left-5">Name</span>
                        <input disabled value='{$vo.name|default=""}' class="layui-input">
                        <span class="color-desc">用户姓名</span>
                    </label>
                </div>
                <div class="layui-col-xs3">
                    <label class="relative block">
                        <span class="color-green font-w7">联系电话</span><span class="color-desc margin-left-5">Tel</span>
                        <input disabled value='{$vo.tel|default=""}' class="layui-input">
                        <span class="color-desc">用户联系电话</span>
                    </label>
                </div>
                <div class="layui-col-xs3">
                    <label class="relative block">
                        <span class="color-green font-w7">车牌号</span><span class="color-desc margin-left-5">Number</span>
                        <input disabled value='{$vo.number|default=""}' class="layui-input">
                        <span class="color-desc">用户车牌号</span>
                    </label>
                </div>
            </div>
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs4">
                    <label class="relative block">
                        <span class="color-green font-w7">汽车类型</span><span class="color-desc margin-left-5">Type</span>
                        <input disabled value='{$vo.name|getCarType}' class="layui-input">
                        <span class="color-desc">汽车类型</span>
                    </label>
                </div>
                <div class="layui-col-xs4">
                    <label class="relative block">
                        <span class="color-green font-w7">品牌</span><span class="color-desc margin-left-5">Brand</span>
                        <input disabled value='{$vo.brand|default=""}' class="layui-input">
                        <span class="color-desc">汽车品牌</span>
                    </label>
                </div>
                <div class="layui-col-xs4">
                    <label class="relative block">
                        <span class="color-green font-w7">车系</span><span class="color-desc margin-left-5">Model</span>
                        <input disabled value='{$vo.model|default=""}' class="layui-input">
                        <span class="color-desc">车系</span>
                    </label>
                </div>
            </div>
            <hr class="hr-line-dashed"/>
        </div>
        {/foreach}
        {empty name='userCar'}<span class="notdata">没有记录哦</span>{/empty}
    </fieldset>

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">用户家庭成员信息</b></legend>
        {foreach $userFamily as $key=>$vo}
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs5">
                <label class="relative block">
                    <span class="color-green font-w7">房间号</span><span class="color-desc margin-left-5">House</span>
                    <input disabled value='{$vo.house|default=""}' class="layui-input">
                    <span class="color-desc">房间号</span>
                </label>
            </div>
            <div class="layui-col-xs2">
                <label class="relative block">
                    <span class="color-green font-w7">姓名</span><span class="color-desc margin-left-5">Name</span>
                    <input disabled value='{$vo.name|default=""}' class="layui-input">
                    <span class="color-desc">用户姓名</span>
                </label>
            </div>
            <div class="layui-col-xs3">
                <label class="relative block">
                    <span class="color-green font-w7">联系电话</span><span class="color-desc margin-left-5">Tel</span>
                    <input disabled value='{$vo.tel|default=""}' class="layui-input">
                    <span class="color-desc">用户联系电话</span>
                </label>
            </div>
            <div class="layui-col-xs2">
                <label class="relative block">
                    <span class="color-green font-w7">业主类型</span><span class="color-desc margin-left-5">Type</span>
                    <input disabled value='{$vo.type|getUserType}' class="layui-input">
                    <span class="color-desc">用户业主类型</span>
                </label>
            </div>
            <hr class="hr-line-dashed"/>
        </div>

        {/foreach}
        {empty name='userFamily'}<span class="notdata">没有记录哦</span>{/empty}
    </fieldset>
</div>

<script>
    layui.form.render();
    $('#UserForm').parent().css('overflow', 'revert');
</script>